<?php
$filename="info.txt";
$fp=DataProvider::docfile($filename);
?>
<head>
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon"href="favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $fp[0];?></title>

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" media="all" href="css/style.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<!-- Adding "maximum-scale=1" fixes the Mobile Safari auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->

<!-- JS -->
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/tabs.js"></script>
<script src="js/css3-mediaqueries.js"></script>
<script src="js/jquery.columnizer.min.js"></script>
<script type="text/javascript" src="http://rilwis.googlecode.com/svn/trunk/weather.min.js"></script>
<!--Ti gia-->
<script type="text/javascript" language="Javascript" src="http://vnexpress.net/Service/Forex_Content.js"></script>

<!-- Isotope -->
<script src="js/jquery.isotope.min.js"></script>

<!-- Lof slider -->
<script src="js/jquery.easing.js"></script>
<script src="js/lof-slider.js"></script>
<link rel="stylesheet" href="css/lof-slider.css" media="all"  />
<!-- ENDS slider -->

<!-- Tweet -->
<link rel="stylesheet" href="css/jquery.tweet.css" media="all"  />
<script src="js/tweet/jquery.tweet.js" ></script>
<!-- ENDS Tweet -->

<!-- superfish -->
<link rel="stylesheet" media="screen" href="css/superfish.css" />
<script  src="js/superfish-1.4.8/js/hoverIntent.js"></script>
<script  src="js/superfish-1.4.8/js/superfish.js"></script>
<script  src="js/superfish-1.4.8/js/supersubs.js"></script>
<!-- ENDS superfish -->

<!-- prettyPhoto -->
<script  src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css"  media="screen" />
<!-- ENDS prettyPhoto -->

<!-- poshytip -->
<link rel="stylesheet" href="js/poshytip-1.1/src/tip-twitter/tip-twitter.css"  />
<link rel="stylesheet" href="js/poshytip-1.1/src/tip-yellowsimple/tip-yellowsimple.css"  />
<script  src="js/poshytip-1.1/src/jquery.poshytip.min.js"></script>
<!-- ENDS poshytip -->

<!-- JCarousel -->
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" media="screen" href="css/carousel.css" />
<!-- ENDS JCarousel -->

<!-- GOOGLE FONTS -->
<link href='http://fonts.googleapis.com/css?family=Voltaire' rel='stylesheet' type='text/css'>

<!-- modernizr -->
<script src="js/modernizr.js"></script>

<!-- SKIN -->
<link rel="stylesheet" media="all" href="css/skin.css"/>

<!-- Less framework -->
<link rel="stylesheet" media="all" href="css/lessframework.css"/>

<!-- flexslider -->
<link rel="stylesheet" href="css/flexslider.css" >
<script src="js/jquery.flexslider.js"></script>

<script src="js/adv-scroll/jquery.js"></script>
<script src="js/adv-scroll/jqueryEasing.js"></script>
<script src="js/adv-scroll/scroll.js"></script>
<script src="js/fitelementwhenscroll.js"></script>
<link rel="stylesheet" type="text/css" href="js/slider/style.css" />
<style>
		.adv{
			width:14%;
			height:500px;
			display:block;
}        
	</style>
<link rel="stylesheet" type="text/css" href="css/preview.css"/>
<link rel="stylesheet" type="text/css" href="css/wt-rotator.css"/>
<script type="text/javascript" src="js/jquery.wt-rotator.min.js"></script>
<script type="text/javascript" src="js/preview.js"></script>
<script type="text/javascript" src="js/menudoc.js"></script>
</head>
<body class="home">

<!-- HEADER -->
<header>

	<div class="wrapper cf">

		<div id="logo">
			<a href="./">
				<img  src="img/logo2.png" alt="Simpler" ></a>
		</div>

		<!-- nav -->
		<ul id="nav" class="sf-menu">
			<li class="current-menu-item">
				<a href="index.php">
					<img src="img/mono-icons/home.png" height="20px" width="20px">
					<img src="img/trangchu.png"></a>
			</li>
			<li>
				<a href="product.php">
					<img src="img/mono-icons/ceramic.png" height="20px" width="20px">
					<img src="img/sanpham.png"></a>
				<ul>
					<?php
							$sql="select * from loaisanpham";
							$result=DataProvider::ExecuteQuery($sql);
							while($row=mysql_fetch_array($result))
							{
							?>
					<li>
						<a href="category.php?cateid=<?php echo $row["id_loaisanpham"]; ?>
							"> <font size=3 color=black><?php echo $row["tenloaisanpham"]; ?></font>
						</a>
					</li>
					<?php }?></ul>
			</li>
			<li>
				<a href="intro.php">
					<img src="img/mono-icons/intro.png" height="20px" width="20px"/>
					<img src="img/gioithieu.png"></a>
			</li>
			<li>
				<a href="contact.php">
					<img src="img/mono-icons/lienhe.png" height="20px" width="20px">
					<img src="img/lienhe.png"></a>
			</li>

		</ul>
	</div>
	<div id="combo-holder"></div>
	<!--Fancy Box-->
	<!-- Add jQuery library -->

	<!-- Add mousewheel plugin (this is optional) -->
	<script type="text/javascript" src="box/lib/jquery.mousewheel-3.0.6.pack.js"></script>

	<!-- Add fancyBox main JS and CSS files -->
	<script type="text/javascript" src="box/source/jquery.fancybox.js?v=2.1.5"></script>
	<link rel="stylesheet" type="text/css" href="box/source/jquery.fancybox.css?v=2.1.5" media="screen" />

	<!-- Add Button helper (this is optional) -->
	<link rel="stylesheet" type="text/css" href="box/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
	<script type="text/javascript" src="box/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>

	<!-- Add Thumbnail helper (this is optional) -->
	<link rel="stylesheet" type="text/css" href="box/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
	<script type="text/javascript" src="box/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

	<!-- Add Media helper (this is optional) -->
	<script type="text/javascript" src="box/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

	<script type="text/javascript">
	$(document).ready(function() {
		$(".fancybox").fancybox();
	});
</script>
	<!--END:Fancy Box-->

	<!--<img src="img/slides/images/banner1.jpg" width="100%" height="100%" style="margin-left: 0%;">
	-->
	<!-- ends nav -->


</header>
<!-- ENDS HEADER -->
<!-- SLIDER -->
<div class="panel">

<div class="container">
	<div class="wt-rotator">
		<a href="#"></a>
		<div class="desc"></div>
		<div class="preloader"></div>
		<div class="c-panel">
			<div class="buttons">
				<div class="prev-btn"></div>
				<div class="play-btn"></div>
				<div class="next-btn"></div>
			</div>
			<div class="thumbnails">
				<ul>
					<li>
						<a href="img/banner/hinh1.jpg" title="ltbaogt@gmail.com"></a>
					</li>

					<li>
						<a href="img/banner/hinh2.jpg" title="ltbaogt@yahoo.com"></a>
					</li>

					<li>
						<a href="img/banner/hinh3.jpg" title="ltbaogt@gmail.com"></a>
					</li>
					<li>
						<a href="img/banner/hinh4.jpg" title="ltbaogt@gmail.com"></a>
					</li>
					<li>
						<a href="img/banner/hinh5.jpg" title="ltbaogt@gmail.com"></a>
					</li>
					<li>
						<a href="img/banner/hinh6.jpg" title="ltbaogt@gmail.com"></a>
					</li>
					<li>
						<a href="img/banner/hinh7.jpg" title="ltbaogt@gmail.com"></a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
</div>
<!-- ENDS SLIDER -->